﻿<!DOCTYPE html>
<html>
  <head>
    <title>MessageBox 弹框</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <meta name="apple-mobile-web-app-capable" content="yes"/>
    <link href="resources/css/jquery-ui-themes.css" type="text/css" rel="stylesheet"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/messagebox___/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-1.7.1.min.js"></script>
    <script src="resources/scripts/jquery-ui-1.8.10.custom.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="data/document.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/ie.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="files/messagebox___/data.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- 消息提示 (Group) -->
      <div id="u9493" class="ax_default ax_default_hidden" data-label="消息提示" style="display: none; visibility: hidden">

        <!-- Unnamed (Rectangle) -->
        <div id="u9494" class="ax_default box_2">
          <img id="u9494_img" class="img " src="images/messagebox___/u9494.png"/>
          <!-- Unnamed () -->
          <div id="u9495" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u9496" class="ax_default label">
          <img id="u9496_img" class="img " src="images/slider___/u4852.png"/>
          <!-- Unnamed () -->
          <div id="u9497" class="text" style="visibility: visible;">
            <p><span>消息文字详情</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u9498" class="ax_default label">
          <img id="u9498_img" class="img " src="images/typography___/u368.png"/>
          <!-- Unnamed () -->
          <div id="u9499" class="text" style="visibility: visible;">
            <p><span>标题&nbsp; </span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u9500" class="ax_default box_1">
          <img id="u9500_img" class="img " src="images/messagebox___/u9500.png"/>
          <!-- Unnamed () -->
          <div id="u9501" class="text" style="visibility: visible;">
            <p><span>确定</span></p>
          </div>
        </div>

        <!-- Unnamed (Image) -->
        <div id="u9502" class="ax_default image">
          <img id="u9502_img" class="img " src="images/table___/u7048.png"/>
          <!-- Unnamed () -->
          <div id="u9503" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- 确认消息 (Group) -->
      <div id="u9504" class="ax_default ax_default_hidden" data-label="确认消息" style="display: none; visibility: hidden">

        <!-- Unnamed (Rectangle) -->
        <div id="u9505" class="ax_default box_2">
          <img id="u9505_img" class="img " src="images/messagebox___/u9494.png"/>
          <!-- Unnamed () -->
          <div id="u9506" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u9507" class="ax_default label">
          <img id="u9507_img" class="img " src="images/slider___/u4852.png"/>
          <!-- Unnamed () -->
          <div id="u9508" class="text" style="visibility: visible;">
            <p><span>消息文字详情</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u9509" class="ax_default label">
          <img id="u9509_img" class="img " src="images/typography___/u368.png"/>
          <!-- Unnamed () -->
          <div id="u9510" class="text" style="visibility: visible;">
            <p><span>标题&nbsp; </span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u9511" class="ax_default box_1">
          <img id="u9511_img" class="img " src="images/messagebox___/u9500.png"/>
          <!-- Unnamed () -->
          <div id="u9512" class="text" style="visibility: visible;">
            <p><span>确定</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u9513" class="ax_default box_1">
          <img id="u9513_img" class="img " src="images/messagebox___/u9513.png"/>
          <!-- Unnamed () -->
          <div id="u9514" class="text" style="visibility: visible;">
            <p><span>取消</span></p>
          </div>
        </div>

        <!-- Unnamed (Image) -->
        <div id="u9515" class="ax_default image">
          <img id="u9515_img" class="img " src="images/table___/u7048.png"/>
          <!-- Unnamed () -->
          <div id="u9516" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- 确认消息 (Group) -->
      <div id="u9517" class="ax_default ax_default_hidden" data-label="确认消息" style="display: none; visibility: hidden">

        <!-- Unnamed (Rectangle) -->
        <div id="u9518" class="ax_default box_2">
          <img id="u9518_img" class="img " src="images/messagebox___/u9518.png"/>
          <!-- Unnamed () -->
          <div id="u9519" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u9520" class="ax_default label">
          <img id="u9520_img" class="img " src="images/link_文字链接/u2059.png"/>
          <!-- Unnamed () -->
          <div id="u9521" class="text" style="visibility: visible;">
            <p><span>请输入邮箱</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u9522" class="ax_default label">
          <img id="u9522_img" class="img " src="images/typography___/u368.png"/>
          <!-- Unnamed () -->
          <div id="u9523" class="text" style="visibility: visible;">
            <p><span>标题&nbsp; </span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u9524" class="ax_default box_1">
          <img id="u9524_img" class="img " src="images/messagebox___/u9500.png"/>
          <!-- Unnamed () -->
          <div id="u9525" class="text" style="visibility: visible;">
            <p><span>确定</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u9526" class="ax_default box_1">
          <img id="u9526_img" class="img " src="images/messagebox___/u9513.png"/>
          <!-- Unnamed () -->
          <div id="u9527" class="text" style="visibility: visible;">
            <p><span>取消</span></p>
          </div>
        </div>

        <!-- Unnamed (Image) -->
        <div id="u9528" class="ax_default image">
          <img id="u9528_img" class="img " src="images/table___/u7048.png"/>
          <!-- Unnamed () -->
          <div id="u9529" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Group) -->
        <div id="u9530" class="ax_default">

          <!-- Unnamed (Rectangle) -->
          <div id="u9531" class="ax_default box_1">
            <img id="u9531_img" class="img " src="images/messagebox___/u9531.png"/>
            <!-- Unnamed () -->
            <div id="u9532" class="text" style="display: none; visibility: hidden">
              <p><span></span></p>
            </div>
          </div>

          <!-- Unnamed (Text Field) -->
          <div id="u9533" class="ax_default text_field">
            <input id="u9533_input" type="text" value=""/>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9534" class="ax_default box_1">
        <img id="u9534_img" class="img " src="images/messagebox___/u9534.png"/>
        <!-- Unnamed () -->
        <div id="u9535" class="text" style="visibility: visible;">
          <p><span>点击打开Message Box</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9536" class="ax_default box_1">
        <img id="u9536_img" class="img " src="images/messagebox___/u9534.png"/>
        <!-- Unnamed () -->
        <div id="u9537" class="text" style="visibility: visible;">
          <p><span>点击打开Message Box</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9538" class="ax_default box_1">
        <img id="u9538_img" class="img " src="images/messagebox___/u9534.png"/>
        <!-- Unnamed () -->
        <div id="u9539" class="text" style="visibility: visible;">
          <p><span>点击打开Message Box</span></p>
        </div>
      </div>

      <!-- 确认消息 (Group) -->
      <div id="u9540" class="ax_default ax_default_hidden" data-label="确认消息" style="display: none; visibility: hidden">

        <!-- Unnamed (Rectangle) -->
        <div id="u9541" class="ax_default box_2">
          <img id="u9541_img" class="img " src="images/messagebox___/u9494.png"/>
          <!-- Unnamed () -->
          <div id="u9542" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u9543" class="ax_default label">
          <img id="u9543_img" class="img " src="images/slider___/u4852.png"/>
          <!-- Unnamed () -->
          <div id="u9544" class="text" style="visibility: visible;">
            <p><span>消息文字详情</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u9545" class="ax_default label">
          <img id="u9545_img" class="img " src="images/typography___/u368.png"/>
          <!-- Unnamed () -->
          <div id="u9546" class="text" style="visibility: visible;">
            <p><span>标题&nbsp; </span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u9547" class="ax_default box_1">
          <img id="u9547_img" class="img " src="images/messagebox___/u9500.png"/>
          <!-- Unnamed () -->
          <div id="u9548" class="text" style="visibility: visible;">
            <p><span>确定</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u9549" class="ax_default box_1">
          <img id="u9549_img" class="img " src="images/messagebox___/u9549.png"/>
          <!-- Unnamed () -->
          <div id="u9550" class="text" style="visibility: visible;">
            <p><span>放弃修改</span></p>
          </div>
        </div>

        <!-- Unnamed (Image) -->
        <div id="u9551" class="ax_default image">
          <img id="u9551_img" class="img " src="images/table___/u7048.png"/>
          <!-- Unnamed () -->
          <div id="u9552" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9553" class="ax_default box_1">
        <img id="u9553_img" class="img " src="images/messagebox___/u9534.png"/>
        <!-- Unnamed () -->
        <div id="u9554" class="text" style="visibility: visible;">
          <p><span>点击打开Message Box</span></p>
        </div>
      </div>

      <!-- 确认消息 (Group) -->
      <div id="u9555" class="ax_default ax_default_hidden" data-label="确认消息" style="display: none; visibility: hidden">

        <!-- Unnamed (Rectangle) -->
        <div id="u9556" class="ax_default box_2">
          <img id="u9556_img" class="img " src="images/messagebox___/u9494.png"/>
          <!-- Unnamed () -->
          <div id="u9557" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u9558" class="ax_default label">
          <img id="u9558_img" class="img " src="images/slider___/u4852.png"/>
          <!-- Unnamed () -->
          <div id="u9559" class="text" style="visibility: visible;">
            <p><span>消息文字详情</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u9560" class="ax_default label">
          <img id="u9560_img" class="img " src="images/typography___/u368.png"/>
          <!-- Unnamed () -->
          <div id="u9561" class="text" style="visibility: visible;">
            <p><span>标题&nbsp; </span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u9562" class="ax_default box_1">
          <img id="u9562_img" class="img " src="images/messagebox___/u9500.png"/>
          <!-- Unnamed () -->
          <div id="u9563" class="text" style="visibility: visible;">
            <p><span>确定</span></p>
          </div>
        </div>

        <!-- Unnamed (Rectangle) -->
        <div id="u9564" class="ax_default box_1">
          <img id="u9564_img" class="img " src="images/messagebox___/u9513.png"/>
          <!-- Unnamed () -->
          <div id="u9565" class="text" style="visibility: visible;">
            <p><span>取消</span></p>
          </div>
        </div>

        <!-- Unnamed (Image) -->
        <div id="u9566" class="ax_default image">
          <img id="u9566_img" class="img " src="images/table___/u7048.png"/>
          <!-- Unnamed () -->
          <div id="u9567" class="text" style="display: none; visibility: hidden">
            <p><span></span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9568" class="ax_default box_1">
        <img id="u9568_img" class="img " src="images/messagebox___/u9534.png"/>
        <!-- Unnamed () -->
        <div id="u9569" class="text" style="visibility: visible;">
          <p><span>点击打开Message Box</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9570" class="ax_default label">
        <img id="u9570_img" class="img " src="images/messagebox___/u9570.png"/>
        <!-- Unnamed () -->
        <div id="u9571" class="text" style="visibility: visible;">
          <p><span>MessageBox 弹框</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9572" class="ax_default label">
        <img id="u9572_img" class="img " src="images/icon_图标/u486.png"/>
        <!-- Unnamed () -->
        <div id="u9573" class="text" style="visibility: visible;">
          <p><span>消息提示</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9574" class="ax_default label">
        <img id="u9574_img" class="img " src="images/messagebox___/u9574.png"/>
        <!-- Unnamed () -->
        <div id="u9575" class="text" style="visibility: visible;">
          <p><span>模拟系统的消息提示框而实现的一套模态对话框组件，用于消息提示、确认消息和提交内容。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9576" class="ax_default label">
        <img id="u9576_img" class="img " src="images/messagebox___/u9576.png"/>
        <!-- Unnamed () -->
        <div id="u9577" class="text" style="visibility: visible;">
          <p><span>当用户进行操作时会被触发，该对话框中断用户操作，直到用户确认知晓后才可关闭。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9578" class="ax_default label">
        <img id="u9578_img" class="img " src="images/icon_图标/u486.png"/>
        <!-- Unnamed () -->
        <div id="u9579" class="text" style="visibility: visible;">
          <p><span>确认消息</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9580" class="ax_default label">
        <img id="u9580_img" class="img " src="images/form_表单/u6875.png"/>
        <!-- Unnamed () -->
        <div id="u9581" class="text" style="visibility: visible;">
          <p><span>提示用户确认其已经触发的动作，并询问是否进行此操作时会用到此对话框。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9582" class="ax_default label">
        <img id="u9582_img" class="img " src="images/icon_图标/u486.png"/>
        <!-- Unnamed () -->
        <div id="u9583" class="text" style="visibility: visible;">
          <p><span>提交内容</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9584" class="ax_default label">
        <img id="u9584_img" class="img " src="images/cascader______/u4596.png"/>
        <!-- Unnamed () -->
        <div id="u9585" class="text" style="visibility: visible;">
          <p><span>当用户进行操作时会被触发，中断用户操作，提示用户进行输入的对话框。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9586" class="ax_default label">
        <img id="u9586_img" class="img " src="images/cascader______/u4604.png"/>
        <!-- Unnamed () -->
        <div id="u9587" class="text" style="visibility: visible;">
          <p><span>区分取消与关闭</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9588" class="ax_default label">
        <img id="u9588_img" class="img " src="images/tree_树形控件/u8269.png"/>
        <!-- Unnamed () -->
        <div id="u9589" class="text" style="visibility: visible;">
          <p><span>有些场景下，点击取消按钮与点击关闭按钮有着不同的含义。</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9590" class="ax_default label">
        <img id="u9590_img" class="img " src="images/icon_图标/u486.png"/>
        <!-- Unnamed () -->
        <div id="u9591" class="text" style="visibility: visible;">
          <p><span>居中布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9592" class="ax_default label">
        <img id="u9592_img" class="img " src="images/input_输入框/u3011.png"/>
        <!-- Unnamed () -->
        <div id="u9593" class="text" style="visibility: visible;">
          <p><span>内容支持居中布局</span></p>
        </div>
      </div>

      <!-- Unnamed (Rectangle) -->
      <div id="u9594" class="ax_default box_2">
        <img id="u9594_img" class="img " src="images/color___/u352.png"/>
        <!-- Unnamed () -->
        <div id="u9595" class="text" style="display: none; visibility: hidden">
          <p><span></span></p>
        </div>
      </div>
    </div>
  </body>
</html>
